<template>
  <div class="Choujiang" @touchmove.prevent>
    <div class="shadow-box" @click="showHide" v-show="this.leaderModal">
      <div class="imgContent">
        <img :src="arrow" alt class="img" />
      </div>

      <div class="inforText">点击分享到微信朋友圈或微信好友</div>
    </div>
  </div>
</template>
<script>
export default {
  props: ["leaderModal"],
  data() {
    return {
      isShow: this.leaderModal,
      arrow:require('@/assets/public/share.png')
    };
  },
  created() {
    //注入权限校验配置
  },
  methods: {
    showHide() {
      this.isShow = false;
      this.$emit("fn", this.isShow);
    },
  }
  // watch:{
  //      isShow(val) {
  //             this.$emit('update:keyBoardModel', val);
  //     },
  //      keyBoardModel(val) {
  //         this.isShow = val;
  //     },
  // }
};
</script>
<style lang="scss">
.Choujiang {
  width: 100%;
  height: 100vh;
  .shadow-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    .inforText {
      font-size: 0.32rem;
      color: rgba(255, 255, 255, 1);
      line-height: 0.48rem;
      margin: 0 auto;
      text-align: center;
    }
    .imgContent {
      width: 100%;
      display: flex;
      height: auto;
      justify-content: flex-end;
      .img {
        width: 2.22rem;
        height: 3.56rem;
        display: flex;
        margin-top: 1rem;
        margin-right: 0.79rem;
      }
    }
  }
}
</style>
